{% extends "base.html" %}


{% comment %} ---------------------------------------------------------------*\
 |  stats.html                                                               |
 |                                                                           |
 |  Copyright (c) 2010-2012, Code A La Mode, original authors.               |
 |                                                                           |
 |      This file is part of Social Butterfly.                               |
 |                                                                           |
 |      Social Butterfly is free software; you can redistribute it and/or    |
 |      modify it under the terms of the GNU General Public License as       |
 |      published by the Free Software Foundation, either version 3 of the   |
 |      License, or (at your option) any later version.                      |
 |                                                                           |
 |      Social Butterfly is distributed in the hope that it will be useful,  |
 |      but WITHOUT ANY WARRANTY; without even the implied warranty of       |
 |      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the        |
 |      GNU General Public License for more details.                         |
 |                                                                           |
 |      You should have received a copy of the GNU General Public License    |
 |      along with Social Butterfly.  If not, see:                           |
 |          <http://www.gnu.org/licenses/>.                                  |
\*------------------------------------------------------------ {% endcomment %}


{% block content %}

    <section>
        <h1>We love numbers.</h1>
        <p>
            This stats page shows off Social Butterfly&rsquo;s real-time
            capabilities.  To display the real-time data, we wrote a
            <a href="http://code.google.com/p/social-butterfly/source/browse/trunk/assets/flipclock.js">jQuery flip clock plugin</a>.
        </p>
    </section>

    <section>
        <h1>Total Users</h1>
        <div class="flipclock num_users">{{ stats.num_users }}</div>
    </section>

    <section>
        <h1>Users Available for Chat</h1>
        <div class="flipclock num_active_users">{{ stats.num_active_users }}</div>
    </section>

    <section>
        <h1>Messages Sent Today</h1>
        <div class="flipclock num_messages">{{ stats.num_messages }}</div>
    </section>

{% endblock %}
